.cbd-header-wrap {
    width: 100%;
    height: 1.173333rem;
    background-color: #f5f6f7;
}

.cbd-header-wrap .header-box .header-logo , .cbd-header-wrap .header-box  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.cbd-header-wrap .header-box  {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 1.173333rem;
    -ms-flex-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .16rem .346667rem .16rem .373333rem;
}

.cbd-header-wrap a , .cbd-header-wrap img  {
    -webkit-tap-highlight-color: transparent;
}
.cbd-header-wrap .header-box .header-logo  {
    width: 1.44rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.44rem;
    -ms-flex: 0 0 1.44rem;
    flex: 0 0 1.44rem;
    margin-right: .266667rem;
    height: 100%;
    -ms-flex-align: center;
}

.cbd-header-wrap .header-box .header-logo img  {
    display: block;
    width: 100%;
}
.cbd-header-wrap .header-box .header-search  {
    font-size: 14px;
}

.cbd-header-wrap .header-box .header-search  {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .853333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .266667rem 0 .826667rem;
    border-radius: .426667rem;
    background-color: #fff8c8;
    overflow: hidden;
    text-decoration: none;
}
 .cbd-header-wrap .header-box .header-search .header-qbtn  {
    font-size: 13px;
    line-height: 14px;
}
.cbd-header-wrap .header-box .header-search .header-qbtn  {
    padding: .266667rem .373333rem;
    position: absolute;
    left: 0;
    top: 0;
}
.i-search-news {
   /* background-image: require("@/assets/img/1580.png"); */
   background-image: url(../../img/icon/1580.png);
    background-size: cover;
    vertical-align: top;
    display: inline-block;
    width: .346rem;
    height: .346rem;
}

 .cbd-header-wrap .header-box .header-search .header-query  {
    font-size: 14px;
    line-height: 14px;
}

.cbd-header-wrap .header-box .header-search .header-query  {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    word-break: keep-all;
    white-space: nowrap;
}

.cbd-header-wrap .header-box .header-search .search-shade  {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.333333rem;
    height: .853333rem;
    border-radius: 0 .426667rem .426667rem 0;
}

 .cbd-header-wrap .header-box .header-sites  {
    height: 28px;
    line-height: 28px;
    font-size: 13px;
}
.cbd-header-wrap .header-box .header-sites  {
    display: block;
    position: relative;
    width: 1.226667rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 1.226667rem;
    -ms-flex: 0 0 1.226667rem;
    flex: 0 0 1.226667rem;
    margin-left: .266667rem;
    text-align: center;
    border-radius: 2.666667rem;
    text-decoration: none;
}

.cbd-header-wrap .header-box .header-avatar  {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-left: .186667rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 0.746667rem;
    -ms-flex: 0 0 0.746667rem;
    flex: 0 0 0.746667rem;
}

.cbd-header-wrap .header-box .header-avatar .header-avatar-wrapper  {
    position: relative;
    display: block;
    width: .746667rem;
    height: .746667rem;
}

.cbd-header-wrap .header-box .header-avatar .header-avatar-wrapper img  {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-radius: 50%;
    overflow: hidden;
}